<title xmlns="http://www.w3.org/1999/html">添加游记</title>
<link rel="stylesheet" href="../assets/css/bootstrap-multiselect.css"/>
<link rel="stylesheet" href="../assets/css/bootstrap-tagsinput.css"/>
<link rel="stylesheet" href="../public/stylesheets/styles/strategy/notes/add.min.css"/>

<div class="row page-add-notes">
  <div class="col-xs-12">
    <div class="widget-box">
      <div class="widget-header widget-header-blue widget-header-flat">
        <h4 class="widget-title lighter">添加游记</h4>
      </div>

      <div class="widget-body">
        <div class="widget-main">
          <!-- #section:plugins/fuelux.wizard -->
          <div id="fuelux-wizard-container">
            <hr/>

            <!-- #section:plugins/fuelux.wizard.container -->
            <div class="step-content pos-rel">
              <div class="step-pane clearfix active" data-step="1">
                <div class="col-sm-3">
                  <form class="form-horizontal" role="form">
                    <div class="form-group">
                      <div class="col-sm-12 no-padding">
                        <div class="uploader-container">
                          <!--头部，相册选择和格式选择-->
                          <div class="uploader">
                            <div class="queueList center center-block">
                              <div class="placeholder dndArea">
                                <img class="mainImg" src=" " alt="" data-id="">
                              </div>
                              <div class="webuploader-pick" id="webuploader-pick">点击选择主图</div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </form>
                </div>
                <div class="col-sm-8">
                  <form class="form-horizontal" method="get">
                    <div class="clearfix">
                      <div class="col-sm-12">
                        <div class="form-group">
                          <label class="control-label col-sm-2 no-padding-right" for="noteName">游记名称</label>
                          <div class="col-xs-12 col-sm-9">
                            <div class="clearfix">
                              <textarea class=" col-xs-12 col-sm-12" id="noteName"></textarea>
                            </div>
                          </div>
                        </div>

                        <div class="form-group">
                          <label class="control-label col-sm-2 no-padding-right" for="travel">游记途径</label>
                          <div class="col-xs-12 col-sm-9">
                            <div class="clearfix">
                              <textarea class=" col-xs-12 col-sm-12" id="travel"></textarea>
                            </div>
                          </div>
                        </div>

                        <div class="form-group">
                          <label class="control-label col-sm-2 no-padding-right" for="route">游记行程</label>
                          <div class="col-xs-12 col-sm-9">
                            <div class="clearfix">
                              <textarea class=" col-xs-12 col-sm-12" id="route"></textarea>
                            </div>
                          </div>
                        </div>

                        <div class="space-2"></div>
                        <div class="form-group">
                          <label class="control-label col-sm-2 no-padding-right" for="startDate">出发日期</label>
                          <div class="col-sm-2">
                            <div class="clearfix">
                              <div class="input-group">
                                <input
                                  class="form-control date-picker"
                                  id="startDate"
                                  placeholder="出发日期"
                                  type="text"
                                  data-date-format="yyyy-mm-dd"
                                  autocomplete="off"
                                />
                                <span class="input-group-addon">
                                  <i class="fa fa-calendar bigger-110"></i>
                                </span>
                              </div>
                            </div>
                          </div>

                          <label class="control-label col-sm-2 no-padding-right" for="numOfDays">游记天数</label>
                          <div class="col-sm-2">
                            <div class="clearfix">
                              <div class="input-group">
                                <input
                                  class="form-control"
                                  id="numOfDays"
                                  placeholder="游记天数"
                                  type="number"
                                  value="1"
                                  min="1"
                                />
                                <span class="input-group-addon">
                                  <i class="fa fa-square bigger-110"></i>
                                </span>
                              </div>
                            </div>
                          </div>
                        </div>

                        <div class="space-2"></div>
                        <div class="form-group">
                          <label class="control-label col-sm-2 no-padding-right" for="destinationId">目的地</label>
                          <div class="col-sm-2">
                            <div class="clearfix">
                              <select class="col-xs-3" id="destinationId">
                              </select>
                            </div>
                          </div>

                          <label class="control-label col-sm-2 no-padding-right" for="strategyId">攻略</label>
                          <div class="col-sm-2">
                            <div class="clearfix">
                              <select class="col-xs-3" id="strategyId"></select>
                            </div>
                          </div>
                        </div>

                        <div class="space-2"></div>
                        <div class="form-group">
                          <label class="control-label col-sm-2 no-padding-right" for="notesNumPerson">人数</label>
                          <div class="col-sm-2">
                            <div class="clearfix">
                              <div class="input-group">
                                <input
                                  class="form-control"
                                  id="notesNumPerson"
                                  placeholder="人数"
                                  type="number"
                                  value="1"
                                  min="1"
                                />
                                <span class="input-group-addon">
                                  <i class="fa fa-square bigger-110"></i>
                                </span>
                              </div>
                            </div>
                          </div>

                          <label class="control-label col-sm-2 no-padding-right" for="notesPerMoney">人均费用</label>
                          <div class="col-sm-2">
                            <div class="clearfix">
                              <div class="input-group">
                                <input
                                  class="form-control"
                                  id="notesPerMoney"
                                  placeholder="人均费用"
                                  type="number"
                                  value=""
                                  min="0"
                                />
                                <span class="input-group-addon">
                                  <i class="fa fa-square bigger-110"></i>
                                </span>
                              </div>
                            </div>
                          </div>
                        </div>

                        <div class="space-2"></div>
                        <div class="form-group">
                          <label class="control-label  col-sm-2 no-padding-right" for="notesPlayStyle">玩法</label>
                          <div class="col-xs-12 col-sm-9">
                            <div class="clearfix">
                              <input type="text" id="notesPlayStyle" value="" data-role="tagsinput"/>
                            </div>
                          </div>
                        </div>

                        <div class="space-2"></div>

                      </div>
                    </div>

                    <div class="clearfix">
                      <div class="col-sm-12">
                        <div class="form-group" id="noteType">
                          <label class="control-label col-sm-2 no-padding-right">类型</label>
                          <div class="col-sm-9">
                            <div class="checkbox col-sm-3">
                              <label>
                                <input name="form-field-checkbox" class="ace ace-checkbox-2" type="checkbox" value="1">
                                <span class="lbl">热门</span>
                              </label>
                            </div>
                            <div class="checkbox col-sm-3">
                              <label>
                                <input name="form-field-checkbox" class="ace ace-checkbox-2" type="checkbox" value="2">
                                <span class="lbl">推荐</span>
                              </label>
                            </div>
                            <div class="checkbox col-sm-3">
                              <label>
                                <input name="form-field-checkbox" class="ace ace-checkbox-2" type="checkbox" value="3">
                                <span class="lbl">精选</span>
                              </label>
                            </div>
                          </div>
                        </div>
                        <div class="form-group hide">
                          <label class="control-label col-sm-2 no-padding-right" for="hotSort">热门排序</label>
                          <div class="col-xs-12 col-sm-9">
                            <div class="clearfix">
                              <select class="col-xs-12 col-sm-12" id="hotSort">
                                <option value="100">不排序</option>
                                <option value="1">1</option>
                                <option value="2">2</option>
                                <option value="3">3</option>
                                <option value="4">4</option>
                                <option value="5">5</option>
                                <option value="6">6</option>
                                <option value="7">7</option>
                                <option value="8">8</option>
                                <option value="9">9</option>
                                <option value="10">10</option>
                              </select>
                            </div>
                          </div>
                        </div>

                        <div class="form-group hide">
                          <label class="control-label col-sm-2 no-padding-right" for="recommendSort">推荐排序</label>
                          <div class="col-xs-12 col-sm-9">
                            <div class="clearfix">
                              <select class="col-xs-12 col-sm-12" id="recommendSort">
                                <option value="100">不排序</option>
                                <option value="1">1</option>
                                <option value="2">2</option>
                                <option value="3">3</option>
                                <option value="4">4</option>
                                <option value="5">5</option>
                                <option value="6">6</option>
                                <option value="7">7</option>
                                <option value="8">8</option>
                                <option value="9">9</option>
                                <option value="10">10</option>
                              </select>
                            </div>
                          </div>
                        </div>

                      </div>
                    </div>
                    <div class="hr"></div>
                    <div class="uploader-container">
                      <!--头部，相册选择和格式选择-->
                      <div class="uploader">
                        <div class="queueList center center-block clearfix">
                          <div class="webuploader-pick" id="webuploader-pick-focus">点击选择攻略焦点图</div>
                          <div class="hr"></div>
                          <ul class="imgslist imgslist-focus">

                          </ul>
                        </div>
                      </div>
                    </div>
                  </form>
                </div>
              </div>
            </div>
            <!-- /section:plugins/fuelux.wizard.container -->
          </div>

          <hr />
          <script id="editorContainer" name="content" type="text/plain">在此处填写游记内容</script>

          <hr/>
          <div class="col-xs-12">

            <div class="form-actions center">
              <button class="btn btn-success" id="add">
                <i class="ace-icon fa fa-check"></i>
                提交
              </button>
              <a href="#page/strategy/notes/list">
                <button class="btn btn-primary">
                  <i class="ace-icon fa fa-reply align-top bigger-125"></i>
                  取消
                </button>
              </a>
            </div>

          </div>

        </div><!-- /.widget-main -->
      </div><!-- /.widget-body -->
    </div>
    <!-- PAGE CONTENT ENDS -->
  </div><!-- /.col -->
</div><!-- /.row -->

<!-- page specific plugin scripts -->
<style>

  .priceTable tbody input{
    width: 100px;
  }
</style>

<script src="../public/javascripts/scripts/strategy/notes/add.min.js"/>
